import Taro, { Component } from '@tarojs/taro'
import { View, Button, Text } from '@tarojs/components'
import { observer, inject } from '@tarojs/mobx'
import { AtButton, AtTextarea } from 'taro-ui'
import './getSure.scss'


@inject('counterStore')
@observer
class GetSure extends Component {

    config = {
        navigationBarTitleText: '确认收货',
        navigationBarTextStyle: 'black',
        navigationBarBackgroundColor: '#fff',
    }
    constructor() {
        this.state = {
            value: '',
        }
    }
    handleChange(event) {
        this.setState({
            value: event.target.value
        })
    }
    componentWillMount() {
        console.log('componentWillMount----');
    }

    componentWillReact() {
        console.log('componentWillReact')
    }

    componentDidMount() { }

    componentWillUnmount() { }

    componentDidShow() { }

    componentDidHide() { }

    render() {
        const { counterStore: { counter } } = this.props

        return (
            <View className='getSure-page'>
                <View className="table">
                    <View className="title">
                        <View>配货单号：2020392183921212</View>
                    </View>
                    <View className="title">
                        <View>供应商：广州光明果蔬贸易有限公司</View>
                    </View>
                    <View className="cell">
                        <View className="header">
                            <text>商品名称</text>
                            <label>单位</label>
                            <label>数量</label>
                            <label>实收</label>
                        </View>
                        <View className="body">
                            <text>哇哈哈AD钙奶*24箱整箱</text>
                            <label>箱</label>
                            <label>10</label>
                            <label>36</label>
                        </View>
                        <View className="body">
                            <text>哇哈哈AD钙奶*24箱整箱</text>
                            <label>箱</label>
                            <label>10</label>
                            <label>36</label>
                        </View>
                        <View className="body">
                            <text>哇哈哈AD钙奶*24箱整箱</text>
                            <label>箱</label>
                            <label>10</label>
                            <label>36</label>
                        </View>
                        <View className="body">
                            <text>哇哈哈AD钙奶*24箱整箱</text>
                            <label>箱</label>
                            <label>10</label>
                            <label>36</label>
                        </View>
                    </View>
                </View>
                <View className="total">
                    <View>共计180件商品</View>
                    <View>合计：¥2460.00</View>
                </View>    
                <View className="tips">
                    <View>备注：【需相关团队定下规则】</View>
                    <View>1.清点时必须当面清点，箱数正确；</View>
                    <View>2.纸质单和系统必须一致；</View>
                </View>
                <View className="buttons">
                    <AtButton type='secondary' size='normal'>确认收货</AtButton>
                </View>
            </View>
        )
    }
}

export default GetSure 
